<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>延迟显示</title>

  <style>
    [v-cloak] {
        display: none;
    }
  </style>
</head>
<body>
<div id="app" v-cloak>
  <h1 style="background-color: red">Hello, World!</h1>
  <h1 style="background-color: green">Hello, Vue!</h1>
</div>

<!--<script type="module">-->
<!--    import {createApp} from "../../../js/vue.esm-browser.js";-->

<!--    let app = createApp(-->
<!--        {-->
<!--            setup(){-->
<!--                return {}-->
<!--            }-->
<!--        }-->
<!--    );-->

<!--    app.mount("#app")-->
<!--</script>-->
</body>
</html>